<html>
<head><title>De Pena's Tic-Tac-Toe</title>

<style type="text/css">
	.human { color: red }
	.computer { color: rgb(70, 70, 255) }
</style>

<script src="/~jdepena/jquery.js"></script>
<script src="ttt.js"></script>

</head>

<body>

<h1 style="text-align:center; width:280;">Tic-Tac-Toe</h1>

<img src="blank.png" width="75" height="71" id="pos0" style="position:absolute; left:10; top:50; z-index:1" />
<img src="blank.png" width="75" height="71" id="pos1" style="position:absolute; left:110; top:50; z-index:1" />
<img src="blank.png" width="75" height="71" id="pos2" style="position:absolute; left:210; top:50; z-index:1" />
<img src="blank.png" width="75" height="71" id="pos3" style="position:absolute; left:10; top:150; z-index:1" />
<img src="blank.png" width="75" height="71" id="pos4" style="position:absolute; left:110; top:150; z-index:1" />
<img src="blank.png" width="75" height="71" id="pos5" style="position:absolute; left:210; top:150; z-index:1" />
<img src="blank.png" width="75" height="71" id="pos6" style="position:absolute; left:10; top:250; z-index:1" />
<img src="blank.png" width="75" height="71" id="pos7" style="position:absolute; left:110; top:250; z-index:1" />
<img src="blank.png" width="75" height="71" id="pos8" style="position:absolute; left:210; top:250; z-index:1" />

<img src="board.png" id="gameBoard" width="270" height="270"  
 style="position:absolute; left:10; top:50; z-index:0;" />

<canvas id="board-background"
	style="position:absolute; left:10; top:50; z-index:0;"
	width="270" height="270">
	Your browser does not support canvas.
</canvas>

 
<div id="turnInfo" style="text-align:center; width:280; position:absolute; left:5; top:350; z-index:1" >
Your turn.
</div>

<button id="newgame" style="position:absolute; left:100; top:390; z-index:1" >
New Game
</button>

<div style="position:absolute; left:10; top:420; z-index:1" class="human">
Human Wins:
<span id="playerWins">0</span>
</div>
<div style="position:absolute; left:180; top:420; z-index:1" class="computer">
Computer Wins:
<span id="computerWins">0</span>

</div>

<button id="resetWins" style="position:absolute; left:100; top:450; z-index:1">
Reset Wins
</button>

</body>
</html>